const HtmlWebpackPlugin = require('html-webpack-plugin')
const path = require('path') //处理路径
    // CommonJS - webpack基于node环境,对前端环境进行打包的

module.exports = {
    entry: './src/main.js', //打包入口
    output: { //打包出口
        // __dirname变量(当前文件所在文件夹的绝对路径地址)
        path: path.resolve(__dirname, "dist"),
        filename: 'bundle.js', //出口文件的名字
    },
    plugins: [new HtmlWebpackPlugin({ template: "./public/index.html", })],
    module: { //加载器配置
        rules: [ //数组规则
            { //数组规则
                test: /\.css$/i, //匹配以.css结尾的文件名,i是忽略大小写
                use: ["style-loader", "css-loader"], //加载器使用是从右向左,先解析打包,才能使用插入
            },
            {
                test: /\.less$/i,
                // less-loader内部使用less包翻译less代码, 将 Less 文件编译为 CSS 文件
                // 注意: 还要用css-loader和style-loader支持css文件
                use: ["style-loader", "css-loader", "less-loader"],
            }
        ]
    }
}